<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue.js"></script>
</head>
<body>
    <div id="box">
        <my-aaa/>
    </div>

    <template id="t1">
        <div>
            <h3>{{msg}}</h3>
            <ul>
                <li v-for="item in arr">
                    {{item}}
                </li>
            </ul>
        </div>

    </template>

<script>
    var vm = new Vue({
        el: '#box',
        components: {
            'my-aaa': {
                template: '#t1',
                data: function () {
                    return {
                        msg: "abc",
                        arr: ['a','b','c']
                    }
                }
            }
        }
    })
</script>
</body>
</html>